<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>星露谷农场模拟器</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="game-container">
        <canvas id="gameCanvas" width="800" height="600"></canvas>
        <div class="game-ui">
            <div class="inventory">
                <h3>背包</h3>
                <div class="inventory-slots">
                    <!-- 背包槽位将由JS动态生成 -->
                </div>
            </div>
            <div class="tools">
                <h3>工具</h3>
                <div class="tool-buttons">
                    <button id="tool-hand">空手</button>
                    <button id="tool-hoe">锄头</button>
                    <button id="tool-water">水壶</button>
                    <button id="tool-seed">种子</button>
                    <button id="tool-sickle">镰刀</button>
                </div>
            </div>
            <div class="stats">
                <p>体力: <span id="energy">100</span></p>
                <p>金钱: <span id="money">100</span></p>
                <p>日期: <span id="day">春季 第1天</span></p>
                <button id="next-day">下一白天</button>
            </div>
            <div class="evaluation">
                <h3>农场助手评价</h3>
                <div id="evaluation-content" class="evaluation-text">
                    欢迎来到星露谷农场！开始你的农场生活吧！
                </div>
            </div>
        </div>
    </div>

    <script src="game.js"></script>
</body>
</html>